<template>
  <section class="order-container">
    <NavHeader title="订单" />
    <div class="order-content" v-if="userInfo._id">
      <div class="no-login-wrap">
        <img class="no-login-img" src="./images/person.png" alt="" />
        <button class="no-login-btn">
          <router-link to="/login">登录</router-link>
        </button>
      </div>
    </div>
  </section>
</template>

<script>
import { mapState } from 'vuex'
import NavHeader from '../../components/NavHeader'
export default {
  name: 'Order',
  components: { NavHeader },
  data () {
    return {

    }
  },
  computed: {
    ...mapState(['userInfo'])
  },
  mounted () {

  },

  methods: {

  }
}
</script>

<style lang="stylus" scoped>
@import '../../assets/common/stylus/mixins.styl'
.order-container
  width 100%
  height 100%
  .order-content
    padding-top 80px
    width 100%
    flex-direction column
    display flex
    align-items center
    justify-content center
    text-align center
    .no-login-wrap
      width 100%
      text-align center
      display flex
      flex-direction column
      align-items center
      .no-login-btn
        width 100px
        display block
        text-align center
        color #fff
        background-color $green
        padding 5px
        font-size 16px
        border-radius-1px(5px)
</style>
